@keyframes clipMe {
 0%,
 100% {
  clip: rect(0px, 500px, 2px, 0px);
 }
 25% {
  clip: rect(0px, 2px, 300px, 0px);
 }
 50% {
  clip: rect(299px, 500px, 300px, 0px);
 }
 75% {
  clip: rect(0px, 500px, 300px, 499px);
 }
}

.login_box::after {
 position: absolute;
 top: 0;
 left: 0;
 background: inherit;
 filter: blur(8px);
 z-index: 1;
}
.login_box {
 width: 100vw;
 height: 100%;
 display: flex;
 justify-content: space-around;
 align-items: center;
 position: relative;
 background: url("/src/assets/img/login_bg1.jpg") no-repeat fixed;
 background-size: 100%;
 .login_content {
  text-align: center;
  background: inherit;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 50%);
  border-radius: 8px;
  width: 500px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 99;
  .login-form {
   width: 100%;
   .form-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    .ant-form-item-row {
     width: 100%;
     justify-content: center;
    }
   }
  }
  .login_btn {
   width: 100%;
   color: rgba(234, 241, 203, 0.8);
   border: 1px solid rgba(234, 241, 203, 0.8);
  }
 }

 .login_content::before,
 .login_content::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: 99;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(234, 241, 203, 0.8);
  animation: clipMe 8s linear infinite;
 }
 .login_content::before {
  animation-delay: -4s;
 }
 .login-form-item {
  background: transparent !important;
  border: none;
  border-bottom: 1px solid rgba(234, 241, 203, 0.8);
  border-radius: 0%;
  color: rgba(234, 241, 203, 0.8) !important;
  input {
   background: transparent !important;
  }
  input:focus {
   box-shadow: none;
  }
  .ant-input {
   color: rgba(234, 241, 203, 0.8) !important;
  }
  .ant-input-suffix {
   .anticon {
    color: rgba(234, 241, 203, 0.8);
   }
  }
 }
 .login-form-item.ant-input-affix-wrapper {
 }
 .login-form-item:focus,
 .login-form-item:focus-visible,
 .login-form-item:hover {
  box-shadow: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(234, 241, 203, 0.8) !important;
 }
}
input {
 color: rgba(234, 241, 203, 0.8);
}
input:-webkit-autofill {
 background: transparent;
}
.ant-form-item-control-input:focus-visible {
 border: none;
}
